@charset "utf-8";.service0004{width:60px;height:auto;position:fixed;right:.5%;top:30%;z-index:500}.service0004 a{display:block;position:relative;width:60px;height:60px;border-radius:10px;background:rgba(0,0,0,0.5);display:flex;flex-direction:column;justify-content:center;margin-bottom:4px;cursor:pointer;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;z-index:100}.service0004 a:hover{background:var(--OneColor)}.service0004_img{width:36px;height:30px;margin:0 auto;overflow:hidden;font-size:0}.service0004_img img{width:100%;height:100%;margin:0 auto;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}.service0004 a:hover .service0004_img img:first-child{margin-top:-100%}.service0004_title{color:var(--FontWhiColor);font-size:12px;width:100%;text-align:center}.service0004_con{position:absolute;width:190px;height:60px;line-height:60px;font-size:1.375rem;font-weight:bold;color:var(--FontWhiColor);left:0;opacity:0;text-align:center;border-radius:5px;background:var(--OneColor);-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}.service0004_code{position:absolute;width:140px;height:auto;font-size:14px;line-height:15px;text-align:center;color:var(--FontOneColor);left:100px;opacity:0;background:var(--FontWhiColor);border-radius:10px;padding:20px 0;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;z-index:100;box-shadow:0 3px 10px .1px rgba(0,0,0,0.1)}.service0004 a:hover .service0004_code{left:-160px;opacity:1}.service0004_code:before{opacity:1;content:'';width:0;height:0;position:absolute;pointer-events:none;top:calc(50% - 10px);right:-20px;border-color:transparent transparent transparent var(--FontWhiColor);border-width:10px;border-style:solid}.service0004_code img{width:100px;height:100px}.service0004 a:hover .service0004_con{left:-194px;opacity:1}@media screen and (max-width:1023px)and (min-width:300px){.service0004{width:100%;height:auto;position:fixed;right:0;top:inherit;bottom:0;display:flex;flex-direction:row;justify-content:center}.service0004 a{display:block;position:relative;width:20%;height:6vh;line-height:6vh;border-radius:0;margin-bottom:0;border-right:1px #a8a8a8 solid}.service0004 a:last-child{border-right:0}.service0004_img{width:100%;height:22px;text-align:center;margin-top:calc(3vh - 11px)}.service0004_img img{width:auto;height:22px}.service0004_img img:first-child{display:none}.service0004 a:hover .service0004_con{display:none}.service0004_code{left:calc((100vw * .2 * .5) - 70px);opacity:0;bottom:-50vh}.service0004 a:hover .service0004_code{left:calc((100vw * .2 * .5) - 70px);bottom:calc(5vh + 10px);opacity:1}.service0004_code:before{top:auto;right:calc(50% - 10px);bottom:-20px;border-color:var(--FontWhiColor) transparent transparent transparent}}